/*-----------------------------------------------------------------------------------

	Name: U点房
	URI: http://udianfang.cn
	Description: U点房网站首页
	Version: 1.0

-----------------------------------------------------------------------------------

	0.	CSS Reset & Clearfix
	1.	Document Setup (body, common classes, vertical rhythm, structure etc)
	2.	Header & Hero Styles 头部样式
	3.	Tabs & Popover 标签菜单
	4.	Main Content Styles 主要样式
	5.	Building Content Styles 楼盘内容样式
	6.  Structure 主结构
	7.  Tiny Screens and up 小屏幕

-----------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------*/
/*	0.	CSS Reset & Clearfix - http://meyerweb.com/eric/tools/css/reset/
/*-----------------------------------------------------------------------------------*/
html {
	font-family: "Helvetica Neue",Helvetica,Arial,STXihei,"华文细黑",sans-serif; /* 1 */
	-ms-text-size-adjust: 100%; /* 2 */
	-webkit-text-size-adjust: 100%; /* 2 */
	height: 100%;
	min-width: 320px;
	overflow-x: hidden;
	overflow-y: auto;
	background-color: #fff;
	color: #222;
	font-size: 14px;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}
html, body {
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul, li {
	list-style: none;
}
:focus {
	outline: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
} /* Hide from IE Mac \*/
.clearfix {
	display: block;
} /* End hide from IE Mac */
.none {
	display: none;
} /* End Clearfix */
/*-----------------------------------------------------------------------------------*/
/*	1.	Document Setup (body, common classes, vertical rhythm, structure etc)
/*-----------------------------------------------------------------------------------*/
a {
	text-decoration: none;
	outline: none;
}
caption, th {
	text-align: left;
}
td, th {
	padding: 0;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}

h1 {
	font-size: 36px;
	font-weight: normal;
	color: #525558;
	margin: 32px 0 20px 0;
}
h2 {
	font-size: 24px;
	color: #71767a;
	font-weight: normal;
	margin: 32px 0 16px 0;
}
h3 {
	font-size: 14px;
	color: #0099e5;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 1em;
}
h4 {
	font-size: 14px;
	color: inherit;
	font-weight: bold;
	margin-bottom: 1em;
}
h5 {
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 1em;
}
p {
	font-size: 14px;
	line-height: 1.4em;
	color: #525558;
}
q:before, q:after {
	content: "";
}
abbr, acronym {
	border: 0;
	font-variant: normal;
}
sup {
	vertical-align: text-top;
}
sub {
	vertical-align: text-bottom;
}
input, textarea, select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	outline-style: none;
	outline-width: 0px;
	font-size: 100%;
}
legend {
	color: #000;
}
.clear {
	clear: both;
	height: 0px;
	visibility: hidden;
}
::-webkit-input-placeholder {
	color:#71767a;
	font-weight:normal;
}
::-moz-placeholder {
	color:#71767a;
	font-weight:normal;
}

/*-----------------------------------------------------------------------------------*/
/*	2.	Header & Hero Styles
/*-----------------------------------------------------------------------------------*/
.bx{
	position: relative;
}
.bx-prev, .bx-next{
	display: none;
}
.overlay{
	position: absolute;
	top:0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.15);
	z-index: 99;
}
.text-wrap{
	position: absolute;
	top:0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 100;
	text-align: center;
	padding-top: 100px;
}
.text-wrap h1{
	color: #fff;
	font-size: 36px;
	margin-bottom: 30px;
}
.text-wrap p{
	color: #fff;
	font-size: 18px;
	width:90%;
	max-width:600px;
	margin: 0 auto;
	margin-bottom: 30px;
}
.overlay-button{
	width:214px;
	height:40px;
	line-height: 40px;
	background-color: #fc5c63;
	border:none;
	border-bottom: 1px solid #c5191e;
	color:#fff;
	text-align: center;
	display: block;
	border-radius: 2px;
	margin: 0 auto;
}
.overlay-button:hover{
	background-color: #ed7a7d;
	cursor: pointer;
}
.overlay-button:active{
	background-color: #bf4447;
}
.hero .bxslider .bx a{
	display: block;
    width: 100%;
    height: 460px;
    position: relative;
    background-image: url(../../images/building/1.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.header {
	position: absolute;
    z-index: 99999999999;
	top: 0;
	width: 100%;
	height: 60px;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s
}
.header .wrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 30;
}
.header .inner {
	max-width: 1200px;  /* header的logo和分享是设定宽度还是100% */
	padding: 0 10px;
	margin: 0 auto;
	height: 60px;
}
.header .logo {
	float: left;
	display: block;
	margin-top: 15px;
	padding: 5px 15px 0 10px;
	height: 30px;
	line-height: 30px;
	text-indent: 5px;
}

@font-face {
    font-family: 'icomoon';
    src:    url('../../font/icomoon.eot?1sxkqd');
    src:    url('../../font/icomoon.eot?1sxkqd#iefix') format('embedded-opentype'),
        url('../../font/icomoon.ttf?1sxkqd') format('truetype'),
        url('../../font/icomoon.woff?1sxkqd') format('woff'),
        url('../../font/icomoon.svg?1sxkqd#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: 24px;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-udf:before {
    content: "\e900";
	color:#fff;
}

.icon-udf-gray:before {
    content: "\e900";
	color:#666;
}

.icon-fang90-logo:before {
    content: "\e901";
	color:#fff;
}
.icon-fang90-logo-gray:before {
    content: "\e901";
	color:#666;
}
.icon-fang90-logo-notext:before {
    content: "\e902";
	color:#fff;
}
.icon-fang90-logo-notext-gray:before {
    content: "\e902";
	color:#666;
}

.color-gray{
	color:#666;
}

.header .right {
	height: 100%;
	float: right;
	display: none;
}
.header .right .share {
	float: right;
	font-weight: bold;
	color: #fff;
	margin-top: 15px;
	margin-right: 10px;
	padding: 0 15px 0 30px;
	height: 30px;
	line-height: 30px;
	border-radius: 3px;
	text-indent: 5px;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
	background: url(../../images/building/share.png) 12px 8px no-repeat;
}
.header .right .share:hover {
	background-color: rgba(0,0,0,0.3);
	cursor: pointer;
}
.header .right .share-list{
	width:142px;
	height:163px;
	background:url(../../images/building/sharelist.png) no-repeat;
	margin-top:45px;
	padding-top:13px;
	display: none;
}
.header .right .share-list a{
	display: block;
	height:50px;
	line-height: 50px;
	padding-left: 40px;
	border-bottom: 1px solid #eef0f0;
	cursor: pointer;
}
.header .right .share-list a.sina{
	background:#fff url(../../images/building/sina.png) 12px center no-repeat;
	color: #d9251c;
}
.header .right .share-list a.sina:hover{
	background:#d9251c url(../../images/building/sina-hover.png) 12px center no-repeat;
	color:#fff;
}
.header .right .share-list a.weixin{
	background:#fff url(../../images/building/weixin.png) 12px center no-repeat;
	color: #09bc14;
}
.header .right .share-list a.weixin:hover{
	background:#09bc14 url(../../images/building/weixin-hover.png) 12px center no-repeat;
	color:#fff;
}
.header .right .share-list a.qq{
	background:#fff url(../../images/building/qq.png) 12px center no-repeat;
	color: #267fd6;
}
.header .right .share-list a.qq:hover{
	background:#267fd6 url(../../images/building/qq-hover.png) 12px center no-repeat;
	color:#fff;
}

/*-----------------------------------------------------------------------------------*/
/*	3.	Tabs & Popover
/*-----------------------------------------------------------------------------------*/
.buildings{
	text-align: center;
}
.buildings .tabs {
	position: relative;
	margin: auto;
	max-width: 1200px;
	padding: 0 10px;
	overflow: visible;
}
.buildings .tabs>li {
	margin: 0 8px;
}
.buildings .tabs>li>a {
	font-size: 14px;
	font-weight: normal;
	text-transform: none;
}
.buildings .tab-wrapper {
	border-top: 1px solid #eeeff2;
	border-bottom: 1px solid #eeeff2;
}
.buildings .tab-wrapper.fixed {
	position: fixed;
	z-index: 11;
	top: 0px;
	background: #fff;
	width: 100%;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.05);
	box-shadow: 0 1px 3px rgba(0,0,0,0.05);
	border-bottom: none;
}
.buildings .tab-wrapper-hide {
	height:50px;
	display: none;
}
.building-tabs {
	background-color: #fff;
	list-style-type: none;
	/*text-align: left;*/
	white-space: nowrap;
	overflow-x: auto;
}
.building-tabs>li {
	display: inline;
	/*margin: 0 10px;*/
}
.building-tabs>li.active>a {
	color: #ff5a5f;
	border-bottom: 2px solid #ff5a5f;
}
.building-tabs>li>a {
	font-size: 14px;
	display: inline-block;
	height: 50px;
	line-height:50px;
	border-bottom: 2px solid transparent;
	color: #71767a;
	white-space: nowrap;
	text-transform: uppercase;
	font-weight: bold;
	cursor: pointer;
}
.building-tabs>li>a:hover {
	color: #ff5a5f;
	cursor: pointer;
}
.buildings .place{
	position: relative;
}
.buildings .city {
	width: 350px;
	z-index: 2010;
	text-align: left;
	position: absolute;
	left: -150px;
	padding-top:15px;
	display: none;
}
.buildings .city .arrow{
	position: absolute;
	left:47%;
	top:6px;
}
.buildings .city .contain {
	background-color: #fff;
	border-radius: 3px;
	box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
.buildings .city .filter {
	padding: 20px 20px 10px 20px;
}
.buildings .city .filter li {
	display: block;
	height: 40px;
	line-height: 35px;
	color: #5c5f61;
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px solid #dde0e0;
	padding-left:10px;
}
.buildings .city .filter li:last-child {
	border-bottom: 0 solid #5c5f61;
}
.buildings .city .filter a {
	margin:2px 1px 0 1px;
	color: #71767a;
	position: relative;
	display: inline-block;
	padding: 0px 13px;
	cursor: pointer;
	font-weight: normal;
	border-radius: 2px;
}
.buildings .city .filter a:hover {
	background-color: #ff5a5f;
	color: #fff;
	cursor: pointer;
}
.building-list img {
	display: block;
	width: 100%;
	margin-bottom:20px;
}
.buildings .building-container {
	background-color: #f3f3f3;
	padding-bottom: 30px;
}
.buildings .building-container .building-grid {
	padding-top: 35px;
	margin: 0 auto 1rem auto;
	max-width: 1435px;
}

/*-----------------------------------------------------------------------------------*/
/*	4.	Main Content Styles
/*-----------------------------------------------------------------------------------*/

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block;
}
audio, canvas, progress, video {
	display: inline-block;
	vertical-align: baseline;
}
audio:not([controls]) {
	display: none;
	height: 0;
}
[hidden], template {
display:none;
}
a {
	background: transparent;
}
a:active, a:hover {
	outline: 0;
}
abbr[title] {
	border-bottom: 1px dotted;
}
b, strong {
	font-weight: bold;
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
img {
	border: 0;
}
svg:not(:root) {
	overflow: hidden;
}
hr {
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
}
pre {
	overflow: auto;
}
code, kbd, pre, samp {
	font-size: 1em;
}
button, input, optgroup, select, textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}
button {
	overflow: visible;
	font-family: inherit;
}
button, select {
	text-transform: none;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}
button[disabled], html input[disabled] {
	cursor: default;
}
button::-moz-focus-inner, input::-moz-focus-inner {
	border:0;
	padding:0;
}
input {
	line-height: normal;
}
input[type="checkbox"], input[type="radio"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
	height:auto;
}
input[type="search"] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
	-webkit-appearance:none;
}
textarea {
	overflow: auto;
}

/* 分享到微信，修改默认样式 */
.bd_weixin_popup_head span{
    color:#666;
    font-size:14px;
    font-weight: normal;
}
.bd_weixin_popup_head:after{
    display: block;
    content: '';
    width: 260px;
    height: 40px;
    background-color:#edefec;
    position: relative;
    top:-27px;
    left:-10px;
    z-index: -9999;
}
#bdshare_weixin_qrcode_dialog_qr table{
    position: relative;
    top:10px;
    transform: scale(0.8, 0.8);
}

/*-----------------------------------------------------------------------------------*/
/*	5.	Building Content Styles
/*-----------------------------------------------------------------------------------*/
.building-grid-block{
	text-align: center;
	transition:box-shadow 0.2s linear;  /* 阴影部分，鼠标滑过动画*/
}
.building-grid-block:hover{
	box-shadow: 0 1px 5px rgba(0,0,0,0.1);
	cursor: pointer;
}
.building-grid-block p.name{
	font-size:18px;
	color: #666666;
	line-height: 24px;
	letter-spacing: 1px;
}
.building-grid-block p.price{
	font-size:16px;
	color: #fc5c63;
	line-height: 20px;
}
.building-grid-block p.number{
	font-size:12px;
	color: #999999;
	padding-bottom:15px;
	line-height: 20px;
}
.building-grid-none{
	display: none;
}
.building-list li {
	width: 96%;
	float: left;
	margin-left: 2%;
	margin-bottom: 2%;
}
.building-list li a{
	display: block;
	margin:0 auto;
	background-color: #fff;
}
.building-list img {
	display: block;
	max-width: 100%;
}
.button {
	cursor: pointer;
	display: inline-block;
	padding: 0 10px;
	height: 30px;
	line-height: 28px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	background-color: #ff5a5f;
	border: 1px solid #e00007;
	text-shadow: 0px 1px 0px #e00007;
	-webkit-box-shadow: 0px 1px 0px rgba(255,255,255,0.15) inset;
	box-shadow: 0px 1px 0px rgba(255,255,255,0.15) inset;
	-webkit-transition: background-color 0.1s ease-in-out;
	-moz-transition: background-color 0.1s ease-in-out;
	transition: background-color 0.1s ease-in-out;
}
.button:hover {
	background-color: #ff6b6f;
	cursor: pointer;
}
.button:hover:active {
	background-color: #b23f42;
	-webkit-box-shadow: 0px 1px 0px rgba(0,0,0,0.15) inset;
	box-shadow: 0px 1px 0px rgba(0,0,0,0.15) inset;
}
.button.submit {
	background-color: #34bf49;
	border-color: #2fab41;
	text-shadow: 0px 1px 0px #2fab41;
}
.button.submit:hover {
	background-color: #41cb56;
}
.button.submit:hover:active {
	background-color: #34bf49;
	-webkit-box-shadow: 0px 1px 0px rgba(0,0,0,0.15) inset;
	box-shadow: 0px 1px 0px rgba(0,0,0,0.15) inset;
}
.button.large {
	min-width: 250px;
	height: 50px;
	text-align: center;
	line-height: 48px;
	font-size: 20px;
}
.button.medium {
	min-width: 180px;
	height: 40px;
	text-align: center;
	line-height: 38px;
	font-size: 16px;
}
.button.tertiary {
	width:80%;
	max-width: 300px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background-color: #fff;
	border-color: #c4c4c4;
	text-shadow: none;
	color: #666666;
	font-size:16px;
	letter-spacing: 2px;
}
.button.tertiary:hover {
	background-color: #eeeff2;
	cursor: pointer;
}
.button.tertiary:hover:active {
	background-color: #f7f8fa;
	-webkit-box-shadow: 0px 1px 0px rgba(0,0,0,0.15) inset;
	box-shadow: 0px 1px 0px rgba(0,0,0,0.15) inset;
}
.button.disabled {
	cursor: default;
	opacity: 0.5;
}
.button.disabled:hover {
	background-color: #0099e5;
}
.button.disabled.new_fav:hover {
	background-color: #ff4c4c;
}
.button.disabled.submit:hover, .button.disabled.following:hover:not(.mini_follow) {
	background-color: #34bf49;
}
.button.disabled.secondary:hover {
	background-color: #71767a;
}
.button.disabled.tertiary:hover {
	background-color: #b9c1c7;
}
.button.disabled.delete:hover, .button.disabled.following:not(.mini_follow):hover {
	background-color: #ff4c4c;
}
.button.on-image {
	border: none;
	-webkit-box-shadow: 0px 1px 0px rgba(255,255,255,0.15) inset, 0px 1px 2px rgba(0,0,0,0.15);
	box-shadow: 0px 1px 0px rgba(255,255,255,0.15) inset, 0px 1px 2px rgba(0,0,0,0.15);
}
.button.only-icon {
	background-color: transparent !important;
	border: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	width: 30px;
	height: 30px;
	min-width: 0;
	padding: 0;
	vertical-align: middle;
	line-height: 0;
}
.button.only-icon .icon {
	width: 24px;
	height: 24px;
}
.button.only-icon:active {
	-webkit-box-shadow: none;
	box-shadow: none;
}
.button.only-icon:hover {
	background-color: transparent;
}
.button.only-icon:hover .icon .shape {
	fill: rgba(255,255,255,0.4);
}
.button.only-icon.hearted .icon .shape, .button.only-icon.liked .icon .shape {
	fill: #fff;
}
.button.full {
	width: 100%;
	text-align: center;
}
.button+.button {
	margin-left: 10px;
}
.red-button{
	width:214px;
	height:32px;
	line-height: 32px;
	background-color: #fc5c63;
	border-bottom: 1px solid #c5191e;
	color:#fff;
	text-align: center;
	display: block;
	border-radius: 2px;
}
.red-button:hover{
	background-color: #ed7a7d;
	cursor: pointer;
}
.red-button:active{
	background-color: #bf4447;
}
/*-----------------------------------------------------------------------------------*/
/*	6.	Footer Styles
/*-----------------------------------------------------------------------------------*/
.footer{
	width:100%;
	background-color: #fff;
}
.footer .footer-wrap {
	width:95%;
	max-width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	padding-top: 30px;
}
.footer .footer-wrap .column {
	display: inline-block;
	float: left;
	text-align: left;
	margin-bottom: 40px;
}
.footer .footer-wrap .column:last-child {
	margin-right: 0;
}
.footer .footer-wrap .column.logo {
	width: 100px;
}
.footer .footer-wrap .column.logo img {
	width: 80px;
	height: auto;
}
.footer .footer-wrap .column.about {
	width: 100%;
}
.footer .footer-wrap .column.about .description {
	margin-bottom: 14px;
	font-size: 14px;
	color:#666;
}
.footer .footer-wrap .column.about .cute {
	color: #999;
	font-size: 12px;
}
.footer .footer-wrap .column.about .cute a{
	color: #999;
	font-size: 12px;
}
.footer .footer-wrap .column.core {
	width: 100%;
}
.footer .footer-wrap .column.core p{
	margin-bottom: 14px;
}
.footer .footer-wrap .column.core span {
	font-size:14px;
	font-weight: bold;
	margin-right:24px;
}
.footer .footer-wrap .column.core span a{
	color: #71767a;
}
.footer .footer-wrap .column.core span a:hover{
	color: #ff5a5f;
	cursor: pointer;
}
.footer .footer-wrap .column.core .address li {
	font-size:14px;
	color:#999999;
	margin:6px 0;
}
.footer .footer-wrap .column.logo {
	display: none;
}
.tab-wrapper .building-tabs .hide-on-tablet{
	display: none;
}
.tab-wrapper .building-tabs .hide-on-mobile{
	display: none;
}

/* 楼盘动态 */
.news-wrapper{
	width:100%;
	background-color: #f3f3f3;
	padding-top: 40px;
	padding-bottom: 30px;
}
.news-inner{
	width:100%;
	max-width: 1000px;
	background-color: #fff;
	margin: 0 auto 30px;
}
.news-grid{
	width:100%;
	max-width: 900px;
	margin: 0 auto;
	border-bottom: 1px solid #dbdbdb;
	padding-top: 25px;
	padding-left: 10px;
	padding-bottom: 25px;
}
.news-wrapper .news-inner .news-grid a h3:hover{
	color: #ff5a5f;
	cursor: pointer;
}
.news-grid-none{
	display: none;
}
.news-grid h3{
	text-align: left;
	font-size: 20px;
	color: #333;
	font-weight: 500;
	margin:0 30px 30px 10px;
}
.news-grid .news-pic{
	width:88%;
	margin-left: 10px;
	margin-bottom: 10px;	
	margin-right: 3%;
}
.news-grid .article{
	width:88%;
	margin-left: 10px;	
}
.news-grid .article h5{
	vertical-align: middle;
	height:30px;
	line-height: 30px;
	text-align: left;
}
.author-wrapper{
	width:30px;
	height:30px;
	float: left;
	border-radius: 50%;
	overflow: hidden;
	margin-right: 15px;
}
.news-grid .article h5 .author{
	width:100%;
	height:100%;
}
.news-grid .article h5 span{
	background: url(../../images/building/news-time.png) 6px center no-repeat;
	color: #999;
	padding-left:15px;
}
.news-grid .article p{
	text-align: left;
}
@media screen and (min-width: 640px) {
.news-grid{
	padding-top: 45px;
	padding-bottom: 45px;
}
.news-grid h3{
	font-size: 24px;
}
.news-grid .news-pic{
	float: left;
	width:28%;
	margin-right: 3%;
}
.news-grid .article{
	float: left;
	width:60%;
}
}

/*------------------------------------------------------------------------*/
/*	7. Tiny Screens and up
/*------------------------------------------------------------------------*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px), (min-device-width: 320px) and (max-device-width: 568px) {
* {
	-webkit-overflow-scrolling: touch
}
}
 @media only screen and (max-width: 1024px) {
.header .inner {
	max-width: 100%
}
}
@media only screen and (max-width: 679px) {
.header.fadein {
	top: 0
}
}
@media only screen and (min-width: 1025px) and (max-width: 1219px) {
.header .inner {
	max-width: 900px
}
}
@media only screen and (min-width: 1580px) and (max-width: 1879px) {
.header .inner {
	max-width: 1500px
}
}
@media only screen and (min-width: 1880px) and (max-width: 2179px) {
.header .inner {
	max-width: 1800px
}
}
@media only screen and (min-width: 2180px) and (max-width: 2479px) {
.header .inner {
	max-width: 2100px
}
}
@media only screen and (min-width: 2480px) {
.header .inner {
	max-width: 2400px
}
}
/* Building Grid Responsive ----------------------------------------------*/
@media screen and (min-width: 640px) {
.bx-prev, .bx-next{
	display: inline;
}
.text-wrap{
	padding-top: 100px;
}
.text-wrap h1{
	font-size: 48px;
}
.text-wrap p{
	font-size: 24px;
}
.hero .bxslider .bx a{
	display: block;
    width: 100%;
    height: 480px;
    position: relative;
    background-image: url(../../images/building/01.png);
    background-position: center;
    background-repeat: no-repeat;
    /*background-size: cover;*/
}
.buildings .tabs>li {
	margin: 0 30px;
}
.buildings .tabs>li>a {
	font-size: 16px;
}
.building-tabs {
	text-align: center;
}
.buildings .tabs .place {
	position: relative;
	float: none;
}
.buildings .city {

}
.building-list li {
	width: 47%;
}
.footer .footer-wrap .column {
	margin-right: 0;
}
.footer .footer-wrap .column.logo {
	display: none;
}
.footer .footer-wrap .column.about {
	width: 46%;
	margin-right: 9%;
}
.footer .footer-wrap .column.core {
	width: 45%;
}
.footer .footer-wrap .column.logo {
	display: none;
}

.tab-wrapper .building-tabs .hide-on-tablet{
	display: none;
}
.tab-wrapper .building-tabs .hide-on-mobile{
	display: inline;
}
}
 @media screen and (min-width : 960px) {
.text-wrap{
	padding-top: 150px;
}
.hero .bxslider .bx a{
	display: block;
    width: 100%;
    height: 530px;
    position: relative;
    background-image: url(../../images/building/01.png);
    background-position: center;
    background-repeat: no-repeat;
    /*background-size: cover;*/
}
.header .right {
	display: none;
}
.building-tabs {
	text-align: center;
}
.buildings .tabs .place {
	position: relative;
	float: none;
}
.buildings .city {

}
.building-list li {
	width: 30.7%;
}
.footer .footer-wrap .column {
	margin-right: 0%;
}
.footer .footer-wrap .column.logo {
	width: 10%;
	margin-right: 4%;
	display: inline-block;
}
.footer .footer-wrap .column.about {
	margin-right:6%;
	width: 40%;
}
.footer .footer-wrap .column.core {
	width: 40%;
}
.tab-wrapper .building-tabs .hide-on-tablet{
	display: inline;
}
.tab-wrapper .building-tabs .hide-on-mobile{
	display: inline;
}
}
 @media screen and (min-width : 1200px) {
.text-wrap{
	padding-top: 200px;
}
.hero .bxslider .bx a{
	display: block;
    width: 100%;
    height: 580px;
    position: relative;
    background-image: url(../../images/building/01.png);
    background-position: center;
    background-repeat: no-repeat;
    /*background-size: cover;*/
}
.header .right {
	display: block;
}
.building-tabs {
	text-align: center;
}
.buildings .tabs .place {
	position: relative;
	float: none;
}
.buildings .city {

}
.building-list li {
	width: 22.5%;
}
.footer .footer-wrap .column {
	margin-right: 0%;
}
.footer .footer-wrap .column.logo {
	width: 10%;
	margin-right: 4%;
	display: inline-block;
}
.footer .footer-wrap .column.about {
	margin-right:6%;
	width: 40%;
}
.footer .footer-wrap .column.core {
	width: 40%;
}
.tab-wrapper .building-tabs .hide-on-tablet{
	display: inline;
}
.tab-wrapper .building-tabs .hide-on-mobile{
	display: inline;
}
}
 @media screen and (min-width : 1600px) {
.text-wrap{
	padding-top: 240px;
}
.hero .bxslider .bx a{
	display: block;
    width: 100%;
    height: 640px;
    position: relative;
    background-image: url(../../images/building/01.png);
    background-position: center;
    background-repeat: no-repeat;
    /*background-size: cover;*/
}
}